<!DOCTYPE html>
<html>
<head>
	<title>商城首页</title>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
	<meta name="description" content="">
	<link rel="stylesheet" href="lib/weui.min.css">
	<link rel="stylesheet" href="css/jquery-weui.css">
	<link rel="stylesheet" href="css/style.css">
	<style>
		.title{
			font-size: .6rem;
			line-height: 1.2rem;
			color: #333;
		}
		.title,.wy-pro-pri{
			text-align: center;
		}
		.logo{
			height: 50px;
			padding: 5px 0;
			text-align: center;
			border-bottom: 1px solid #f1f1f1;
		}
		.logo img{
			height: 50px;
		}
	</style>
</head>
<body ontouchstart>
<div class="t-c logo">
	<img src="images/logo.jpg" alt="">
</div>
<!--主体-->
<div class='weui-content'>
	<!--顶部轮播-->
	<div class="swiper-container swiper-banner">
		<div class="swiper-wrapper">
			<div class="swiper-slide"><a href="pro_info.html"><img src="pic/banner01.jpg"/></a></div>
			<div class="swiper-slide"><a href="pro_list.html"><img src="pic/banner02.jpg"/></a></div>
			<div class="swiper-slide"><a href="pro_info.html"><img src="pic/banner03.jpg"/></a></div>
		</div>
		<div class="swiper-pagination"></div>
	</div>
	<!--搜索-->
	<header class='weui-header'>
		<div class="weui-search-bar" id="searchBar">
			<form class="weui-search-bar__form">
				<div class="weui-search-bar__box">
					<i class="weui-icon-search"></i>
					<input type="search" class="weui-search-bar__input" id="searchInput" placeholder="搜索您想要的商品" required>
					<a href="javascript:" class="weui-icon-clear" id="searchClear"></a>
				</div>
				<label class="weui-search-bar__label" id="searchText"
				       style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);">
					<i class="weui-icon-search"></i>
					<span>搜索您想要的商品</span>
				</label>
			</form>
			<a href="javascript:" class="weui-search-bar__cancel-btn" id="searchCancel">取消</a>
		</div>
	</header>
	<!--图标分类-->
	<div class="weui-flex wy-iconlist-box">
		<div class="weui-flex__item">
			<a href="store.html" class="wy-links-iconlist">
				<div class="img"><img src="images/icon-link1.png"></div>
				<p>商铺</p>
			</a>
		</div>
		<div class="weui-flex__item">
			<a href="ncp_list.html" class="wy-links-iconlist">
				<div class="img"><img src="images/icon-ncp.png"></div>
				<p>农产品</p>
			</a>
		</div>
		<div class="weui-flex__item">
			<a href="nv.html" class="wy-links-iconlist">
				<div class="img"><img src="images/icon-nv.png"></div>
				<p>旅游</p>
			</a>
		</div>
		<div class="weui-flex__item">
			<a href="zj_hospital.html" class="wy-links-iconlist">
				<div class="img"><img src="images/icon-hospital.png"></div>
				<p>庄稼医院</p>
			</a>
		</div>
	</div>

	<!--精选推荐-->
	<div class="wy-Module">
		<div class="wy-Module-tit"><span>当季新品</span></div>
		<div class="wy-Module-con">
			<div class="swiper-container swiper-xinpin" style="padding-top:34px;">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<a href="pro_info.html">
							<img src="pic/cp01.jpg"/>
							<div class="title">现货 蒙自石榴水果</div>
							<div class="wy-pro-pri">¥<span>296.00</span></div>
						</a>
					</div>
					<div class="swiper-slide">
						<a href="pro_info.html">
							<img src="pic/cp02.jpg"/>
							<p class="title">现货 蒙自石榴水果</p>
							<div class="wy-pro-pri">¥<span>296.00</span></div>
						</a>
					</div>
					<div class="swiper-slide">
						<a href="pro_info.html">
							<img src="pic/cp03.jpg"/>
							<div class="title">现货 蒙自石榴水果</div>
							<div class="wy-pro-pri">¥<span>296.00</span></div>
						</a>
					</div>
					<div class="swiper-slide">
						<a href="pro_info.html">
							<img src="pic/cp04.jpg"/>
							<p class="title">现货 蒙自石榴水果</p>
							<div class="wy-pro-pri">¥<span>296.00</span></div>
						</a>
					</div>
					<div class="swiper-slide">
						<a href="pro_info.html">
							<img src="pic/cp05.jpg"/>
							<p class="title">现货 蒙自石榴水果</p>
							<div class="wy-pro-pri">¥<span>296.00</span></div>
						</a>
					</div>
					<div class="swiper-slide">
						<a href="pro_info.html">
							<img src="pic/cp06.jpg"/>
							<p class="title">现货 蒙自石榴水果</p>
							<div class="wy-pro-pri">¥<span>296.00</span></div>
						</a>
					</div>
				</div>
				<div class="swiper-pagination jingxuan-pagination"></div>
			</div>
		</div>
	</div>
	<!--酒水专场-->
	<div class="wy-Module">
		<div class="wy-Module-tit"><span>店铺推荐</span></div>
		<div class="wy-Module-con">
			<div class="swiper-container swiper-dianpu" style="padding-top:34px;">
				<div class="swiper-wrapper">
					<div class="swiper-slide"><a href="pro_info.html"><img src="pic/cp01.jpg"/><p class="title">现货 蒙自石榴水果</p>
						<div class="wy-pro-pri">¥<span>296.00</span></div></a></div>
					<div class="swiper-slide"><a href="pro_info.html"><img src="pic/cp02.jpg"/><p class="title">现货 蒙自石榴水果</p>
						<div class="wy-pro-pri">¥<span>296.00</span></div></a></div>
					<div class="swiper-slide"><a href="pro_info.html"><img src="pic/cp03.jpg"/><p class="title">现货 蒙自石榴水果</p>
						<div class="wy-pro-pri">¥<span>296.00</span></div></a></div>
					<div class="swiper-slide"><a href="pro_info.html"><img src="pic/cp04.jpg"/><p class="title">现货 蒙自石榴水果</p>
						<div class="wy-pro-pri">¥<span>296.00</span></div></a></div>
					<div class="swiper-slide"><a href="pro_info.html"><img src="pic/cp05.jpg"/><p class="title">现货 蒙自石榴水果</p>
						<div class="wy-pro-pri">¥<span>296.00</span></div></a></div>
					<div class="swiper-slide"><a href="pro_info.html"><img src="pic/cp06.jpg"/><p class="title">现货 蒙自石榴水果</p>
						<div class="wy-pro-pri">¥<span>296.00</span></div></a></div>
				</div>
				<div class="swiper-pagination jingxuan-pagination"></div>
			</div>
		</div>
	</div>
</div>

<!--底部导航-->
<div class="foot-black"></div>
<div class="weui-tabbar wy-foot-menu">
	<a href="index.html" class="weui-tabbar__item weui-bar__item--on">
		<div class="weui-tabbar__icon foot-menu-home"></div>
		<p class="weui-tabbar__label">首页</p>
	</a>
	<a href="classify.html" class="weui-tabbar__item">
		<div class="weui-tabbar__icon foot-menu-list"></div>
		<p class="weui-tabbar__label">分类</p>
	</a>
	<a href="pro_list.html" class="weui-tabbar__item">
		<div class="weui-tabbar__icon foot-menu-search"></div>
		<p class="weui-tabbar__label">搜索</p>
	</a>
	<a href="mine.html" class="weui-tabbar__item">
		<div class="weui-tabbar__icon foot-menu-member"></div>
		<p class="weui-tabbar__label">我的</p>
	</a>
</div>

<script src="lib/jquery-2.1.4.js"></script>
<script src="lib/fastclick.js"></script>
<script>
	$(function () {
		FastClick.attach(document.body);
	});
</script>
<script src="js/jquery-weui.js"></script>
<script src="js/swiper.js"></script>
<script>
	$(".swiper-banner").swiper({
		loop: true,
		autoplay: 3000
	});
	$(".swiper-xinpin").swiper({
		pagination: '.swiper-pagination',
		loop: true,
		paginationType: 'fraction',
		slidesPerView: 3,
		paginationClickable: true,
		spaceBetween: 10
	});
	$(".swiper-dianpu").swiper({
		pagination: '.swiper-pagination',
		paginationType: 'fraction',
		loop: true,
		slidesPerView: 3,
		paginationClickable: true,
		spaceBetween: 10
	});
</script>
</body>
</html>
